@charset "utf-8";

/* overrides */
.profile-contents { margin-left: 0; }
.profile-sidebar-inner { background-image: url("../../images/character/summary/sidebar-bg.png"); }
ul.profile-sidebar-menu,
ul.profile-sidebar-menu li { background-image: url("../../images/profile/sidebar-menu-sep.png"); }
ul.profile-sidebar-menu a:hover { background: url("../../images/profile/sidebar-menu-hover.png") left top no-repeat; }
ul.profile-sidebar-menu a { width: 160px; }
.profile-wrapper { background: no-repeat 182px 75px; }
.profile-wrapper-advanced ul.profile-sidebar-menu a { width: 150px; }
.summary-middle .category { font-size: 16px; letter-spacing: normal; }
.summary-middle .profile-box-simple { border-width: 1px; border-color: #30190b; }
.profile-recentactivity .category { font-size: 20px; }
.activity-feed { margin-bottom: 10px; }
.activity-feed li {	clear:both;	padding:13px 10px 13px 35px; }
.activity-feed .description { padding-right: 4px; }
.activity-feed li.first { font-size: 16px;}
.activity-feed li.first .icon, .activity-feed li.first .icon-frame { margin-top: 1px;}

/* alliance; also used in guilds pages -> move to profile.css? */
.profile-wrapper-alliance .profile-info-anchor { background-image: url("../../images/character/summary/sidebar-bg-alliance.png"); }

/* horde */
.profile-wrapper-horde .profile-info-anchor { background-image: url("../../images/character/summary/sidebar-bg-horde.png"); }

/* light background */
.profile-wrapper-light .summary-averageilvl .rest { color: #181818; }
.profile-wrapper-light .summary-averageilvl .rest .tip { color: #0c0c0c; }
.profile-wrapper-light .summary-top-right ul.profile-view-options a { background-image: url("../../images/icons/view-options-light.png"); }

/* layout */
.summary-top { margin-left: 230px; height: 700px; }
.summary-top-right { height: 148px; position: relative; }
.summary-top-inventory { height: 540px; position: relative; z-index: 1; }
.summary-top, .summary-top-right, .summary-top-inventory { width: 762px; }
.summary-middle { padding: 20px 15px; padding-top: 0; }
.summary-middle-inner { padding: 15px 25px; background-color: rgba(0, 0, 0, 0.15); }
.summary-middle-left { margin-right: 367px; }
.summary-bottom { padding: 32px 40px; background: url("../../images/character/summary/bottom-bg.png") left top no-repeat; min-height: 655px; }
.summary-bottom-left { margin-right: 367px; }

/* view options */
.summary-top-right ul.profile-view-options { position: absolute; right: 25px; top: 56px; }
.summary-top-right ul.profile-view-options a.simple { background-position: -300px center; }
.summary-top-right ul.profile-view-options a.threed { background-position: -450px center; cursor: help; }

/* average item level */
.summary-averageilvl { position: absolute; top: 91px; right: 23px; color: white; }
.summary-averageilvl div { float: right; }
.summary-averageilvl .best { font-size: 30px; font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; line-height: 32px; margin-right: 5px; letter-spacing: -0.025em; border-bottom: 0; }
.summary-averageilvl .rest { color: #ccc; white-space: nowrap; font-size: 11px; line-height: 13px; text-transform: lowercase; margin-top: 3px;}
.summary-averageilvl .rest .equipped { color: white; }
.summary-averageilvl .rest .tip { border-color: #505050; }

/* inventory (shared) */
.summary-inventory .slot { position: absolute; }
.summary-inventory a.item { width: 49px; height: 49px; display: block; position: absolute; }
.summary-inventory a.item img { display: block; width: 44px; height: 44px; padding: 3px 0 0 3px; }
.summary-inventory a.item:hover .frame { background-color: rgba(255, 255, 255, 0.2); }
.summary-inventory a.empty { width: 49px; height: 49px; display: block; cursor: default; position: absolute; background: url("../../images/character/summary/item-empty-bg.png") no-repeat; opacity: 0.33333; }
.summary-inventory a.empty:hover { opacity: 0.66666; }
.summary-inventory a.item .frame, .summary-inventory a.empty .frame { position: absolute; left: 0; top: 0; width: 49px; height: 49px; background: url("../../images/icons/frames/inventory-slots.png") no-repeat; }
.summary-inventory .slot,
.summary-inventory a.item,
.summary-inventory a.item .frame,
.summary-inventory a.empty { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

	/* empty slots */
	.summary-inventory .slot-1  a.empty { background-position: 1px 1px;    } /* Head */
	.summary-inventory .slot-2  a.empty { background-position: 1px -46px;  } /* Neck */
	.summary-inventory .slot-3  a.empty { background-position: 1px -93px;  } /* Shoulder */
	.summary-inventory .slot-16 a.empty,                                     /* Back */
	.summary-inventory .slot-5  a.empty { background-position: 1px -140px; } /* Chest */
	.summary-inventory .slot-19 a.empty { background-position: 1px -187px; } /* Tabard */
	.summary-inventory .slot-4  a.empty { background-position: 1px -234px; } /* Shirt */
	.summary-inventory .slot-9  a.empty { background-position: 1px -281px; } /* Wrist */
	.summary-inventory .slot-10 a.empty { background-position: 1px -328px; } /* Hands */
	.summary-inventory .slot-6  a.empty { background-position: 1px -375px; } /* Waist */
	.summary-inventory .slot-7  a.empty { background-position: 1px -422px; } /* Legs */
	.summary-inventory .slot-8  a.empty { background-position: 1px -469px; } /* Feet */
	.summary-inventory .slot-11 a.empty { background-position: 1px -516px; } /* Finger */
	.summary-inventory .slot-12 a.empty { background-position: 1px -563px; } /* Trinket */
	.summary-inventory .slot-21 a.empty { background-position: 1px -610px; } /* Main Hand */
	.summary-inventory .slot-22 a.empty { background-position: 1px -657px; } /* Off Hand */
	.summary-inventory .slot-15 a.empty { background-position: 1px -704px; } /* Ranged */
	.summary-inventory .slot-28 a.empty { background-position: 1px -751px; } /* Relic */

	/* item quality frames */
	.summary-inventory .item-quality-0 a.item .frame { background-position: -49px  0; }
	.summary-inventory .item-quality-1 a.item .frame { background-position: -98px  0; }
	.summary-inventory .item-quality-2 a.item .frame { background-position: -147px 0; }
	.summary-inventory .item-quality-3 a.item .frame { background-position: -196px 0; }
	.summary-inventory .item-quality-4 a.item .frame { background-position: -245px 0; }
	.summary-inventory .item-quality-5 a.item .frame { background-position: -294px 0; }
	.summary-inventory .item-quality-6 a.item .frame { background-position: -343px 0; }
	.summary-inventory .item-quality-7 a.item .frame { background-position: -392px 0; }

/* inventory (simple) */
.summary-inventory-simple { width: 612px; height: 455px; position: absolute; left: 28px; top: 1px; }
.summary-inventory a.item { -moz-box-shadow: 0 0 8px black; -webkit-box-shadow: 0 0 8px black; box-shadow: 0 0 8px black; }

/* inventory (advanced) */
.summary-inventory-advanced { width: 807px; height: 521px; position: absolute; left: -45px; top: -2px; }
.summary-inventory-advanced .slot-inner { width: 265px; height: 57px; background: url("../../images/character/summary/item-slot-advanced-bg.png") left top repeat-y; }
.summary-inventory-advanced .slot-highlight .slot-inner { background-position: left bottom; }
.summary-inventory-advanced .details { position: absolute; width: 204px; height: 49px; left: 57px; top: 4px; white-space: nowrap;  }
.summary-inventory-advanced a.item,
.summary-inventory-advanced a.empty { position: absolute; left: 4px; top: 4px; }
.summary-inventory-advanced a.empty { opacity: 0.25; }
.summary-inventory-advanced .name, .summary-inventory-advanced .name-shadow { position: absolute; font-size: 11px; }
.summary-inventory-advanced .name { left: 0; top: -2px; }
.summary-inventory-advanced .name-shadow { left: 1px; top: -1px; color: black; }
.summary-inventory-advanced .audit-warning { line-height: 10px; cursor: default; display: inline-block; background: url("../../images/icons/warning-small.png") right center no-repeat; width: 10px; height: 10px; margin-left: 5px; position: relative; top: 1px; cursor: help; }
.summary-inventory-advanced .enchant, .summary-inventory-advanced .enchant-shadow { position: absolute; font-size: 11px; }
.summary-inventory-advanced .enchant { left: 0; top: 12px; color: #0f0; }
.summary-inventory-advanced .enchant .tip { border-bottom: 0; }
.summary-inventory-advanced .enchant-shadow { left: 1px; top: 13px; color: black; }
.summary-inventory-advanced .level { position: absolute; left: 0; bottom: -2px; color: #999999; width: 20px; height: 16px; line-height: 16px; font-size: 10px; }
.summary-inventory-advanced .sockets { position: absolute; left: 27px; bottom: 0; }
.summary-inventory-advanced .sockets .icon-socket { float: left; margin-right: 5px; }

	/* overrides for right-aligned slots */
	.summary-inventory-advanced .slot-align-right .details { left: auto; right: 57px; }
	.summary-inventory-advanced .slot-align-right .slot-inner { background-position: right top; text-align: right; }
	.summary-inventory-advanced .slot-align-right.slot-highlight .slot-inner { background-position: right bottom; }
	.summary-inventory-advanced .slot-align-right a.item,
	.summary-inventory-advanced .slot-align-right a.empty { left: auto; right: 4px; }
	.summary-inventory-advanced .slot-align-right .name,
	.summary-inventory-advanced .slot-align-right .enchant { left: auto; right: 0; }
	.summary-inventory-advanced .slot-align-right .name-shadow { left: auto; right: -1px; }
	.summary-inventory-advanced .slot-align-right .enchant-shadow { left: auto; right: -1px; }
	.summary-inventory-advanced .slot-align-right .audit-warning { background-position: left center; margin-right: 4px; margin-left: 0; }
	.summary-inventory-advanced .slot-align-right .level { left: auto; right: 0; }
	.summary-inventory-advanced .slot-align-right .sockets { left: auto; right: 27px; }
	.summary-inventory-advanced .slot-align-right .sockets .icon-socket { margin-right: auto; margin-left: 5px; }

	/* item colors */
	.summary-inventory-advanced .item-quality-0 a.name { color: #9d9d9d; }
	.summary-inventory-advanced .item-quality-1 a.name { color: #ffffff; }
	.summary-inventory-advanced .item-quality-2 a.name { color: #1eff00; }
	.summary-inventory-advanced .item-quality-3 a.name { color: #0070dd; }
	.summary-inventory-advanced .item-quality-4 a.name { color: #a335ee; }
	.summary-inventory-advanced .item-quality-5 a.name { color: #ff8000; }
	.summary-inventory-advanced .item-quality-6 a.name { color: #e5cc80; }
	.summary-inventory-advanced .item-quality-7 a.name { color: #e5cc80; }

/* enchant/gem bonuses */
.summary-bonus-tally { float: left; width: 259px; }
.summary-bonus-tally li { line-height: 15px; padding: 4px 0; }
.summary-bonus-tally .tip { border-bottom: 0; }

/* gems */
.summary-gems { float: right; width: 259px; }
.summary-gems-id li { line-height: 17px; padding: 3px 0; }
.summary-gems-id .count, .summary-gems-id .times, .summary-gems-id .icon, .summary-gems-id a.name { float: left; }
.summary-gems-id .count { text-align: right; width: 17px; }
.summary-gems-id .times { margin-left: 4px; font-size: 10px; margin-right: 6px; line-height: 16px; color:#997647;}
.summary-gems-id .icon { margin-right: 5px; }
.summary-gems-quality { margin-top: 23px; overflow:hidden; }
.summary-gems-quality li { font-size: 12px; float: left; margin-right: 10px; line-height: 23px; }
.summary-gems-quality li span { float: left; margin-right: 4px; }

/* audit */
.summary-audit { float: right; width: 333px; }
.summary-audit-list .number { color: red; }
.summary-audit-list li { line-height: 15px; padding: 4px 0; }
.summary-audit-list .icon { float: left; height: 16px; margin-right: 3px; }
.ui-tooltip .summary-audit-list { white-space: nowrap; }
.ui-tooltip .summary-audit-list .icon { margin-right: 5px; }

/* health/resource */
.summary-health-resource { float: left; width: 157px; margin-bottom: 19px; color: white; }
.summary-health-resource li { padding-left: 11px; text-shadow: 1px 1px 1px #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url("../../images/character/summary/health-resource-bg.png") repeat-x; cursor: help; }
.summary-health-resource li, .summary-health-resource span { height: 23px; line-height: 23px; }
.summary-health-resource .name { font-size: 11px; }
.summary-health-resource .value { font-size: 12px; font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; padding-left: 5px; }
.summary-health-resource .health { background-position: 0 0; margin-bottom: 7px; background-color: #248000; }
.summary-health-resource .resource-0 { background-position: 0 -23px; background-color: #1c8aff; }  /* Mana */
.summary-health-resource .resource-1 { background-position: 0 -69px; background-color: #ab0000; }  /* Rage */
.summary-health-resource .resource-2 { background-position: 0 -115px; background-color: #964414; } /* Focus */
.summary-health-resource .resource-3 { background-position: 0 -46px; background-color: #cb9501; }  /* Energy */
.summary-health-resource .resource-6 { background-position: 0 -92px; background-color: #00accb; }  /* Runic */

/* talents */
.summary-talents { float: right; width: 385px; }
.summary-talents li, .summary-talents a { float: right; width: 178px; height: 52px; }
.summary-talents li { margin-left: 11px; }
.summary-talents a { display: block; position: relative; background: #3e2015 url("../../images/character/summary/talents-button-bg.gif") left top repeat-x; -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .5); box-shadow: 0 0 9px rgba(0, 0, 0, .5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.summary-talents .inner { display: block; padding: 9px 7px 11px 10px; padding-bottom: 0; }
.summary-talents .roles { position: absolute; left: 29px; top: 29px; width: 16px; height: 16px; }
.summary-talents .checkmark { background: url("../../images/character/summary/talents-check.gif") no-repeat; width: 15px; height: 11px; float: right; }
.summary-talents .icon { float: left; width: 32px; height: 32px; position: relative; margin-right: 9px; margin-top: 1px; }
.summary-talents .icon img { display: block; width: 26px; height: 26px; padding: 3px 0 0 3px; }
.summary-talents .icon .frame { position: absolute; left: -9px; top: -9px; width: 50px; height: 50px; background: url("../../images/tool/talent-calculator/tree-icon-frame.png") left top no-repeat; }
.summary-talents .name-build { float: left; line-height: normal; }
.summary-talents .name { display: block; color: #C09A67; font-size: 12px; text-transform: uppercase; white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis;}
.summary-talents .build { display: block; color: white; padding-top: 3px; font-weight: normal; font-size: 12px; }
.summary-talents .build ins { color: #808080; padding: 0 4px; font-weight: normal; text-decoration: none; }
.summary-talents a:hover { background-position: left -104px; background-color: #49281c; }
.summary-talents a:hover .name { color: white !important; }
.summary-talents a.active { background-position: left -52px; background-color: #541805; }
.summary-talents a.active .name { color: #FFB100; }
.summary-talents a.active:hover { background-position: left -156px; background-color: #651d06; }
.summary-talents a.active .icon .frame { background-position: 0 -50px; }

/* stats, professions, battlegrounds */
.summary-stats-profs-bgs { clear: left; padding: 0 25px 23px 25px; background-color: rgba(0, 0, 0, 0.15); }

/* stats */
.summary-stats { padding-top: 15px; }
.summary-stats .summary-stats-column h4 { color: white; font-size: 14px; font-weight: bold; margin-bottom: 7px; line-height: 21px;}
.summary-stats-column { width: 234px;}
.summary-stats-column { clear: left; white-space: nowrap; }
.summary-stats-column li { cursor: help; }
.summary-stats-column li.has-icon { line-height: 15px; }
.summary-stats-column li.no-tooltip { cursor: inherit; }
.summary-stats-column .icon { float: left; height: 16px; margin-right: 5px; }
.summary-stats-column .name { float: left; }
.summary-stats-column .value { float: right; color: white; }
.summary-stats-end { clear: left; }
.summary-stats-simple { line-height: normal; }
.summary-stats-simple li { padding: 6px 0; }
.summary-stats-simple-arrow { position: absolute; right: -1px; top: 2px; width: 26px; height: 18px; background: url("../../images/profile/next.gif") no-repeat; }
.summary-stats-simple-base, .summary-stats-advanced-base { float: left; margin-right: 27px; }
.summary-stats-simple-other { position: relative; }
.summary-stats-simple-other, .summary-stats-advanced-role { float: left; }
.summary-stats-advanced li { padding: 10px 0; border-top: 1px solid #2f1e18; }
a.summary-stats-toggler, a.summary-stats-toggler .inner { display: block; height: 26px; line-height: 26px; background: #311c12 url("../../images/character/summary/stats-expand-bg.png") left top no-repeat; font-size: 11px; }
a.summary-stats-toggler { margin-top: 15px; text-align: center; padding-left: 10px; }
a.summary-stats-toggler .inner { background-position: right top; padding-right: 10px; }
a.summary-stats-toggler:hover { background-position: left bottom; background-color: #3c2116; }
a.summary-stats-toggler:hover .inner { background-position: right bottom; background-color: #3c2116; }
.summary-stats-bottom { border-top: 1px solid #2f1e18; margin-top: 25px; padding-top: 25px; }

/* professions */
.summary-professions, .summary-professions li, .summary-professions li div.overlay { width: 234px; }
.summary-professions li, .summary-professions div { height: 23px; line-height: 23px; }
.summary-professions li, .summary-professions div.fill { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.summary-professions { float: left; }
.summary-professions li { position: relative; margin-bottom: 7px; background: #462414 url("../../images/character/summary/professions-bar-bg.png") repeat-x; }
.summary-professions div.fill { background: url("../../images/character/summary/professions-bar-bg.png") left -23px repeat-x; }
.summary-professions div.overlay { position:absolute; left: 0; top: 0; text-shadow: 1px 1px 1px #000; }
.summary-professions span { float: left; color: white; }
.summary-professions .icon { margin: 4px 5px 0 4px; }
.summary-professions .name { font-size: 11px; }
.summary-professions .value { padding-right: 6px; font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; float: right; }
.summary-professions li.empty .name { color: #C09A67;  }

/* battlegrounds */
.summary-battlegrounds { width: 234px; float: right; }
.summary-battlegrounds ul {  }
.summary-battlegrounds li { line-height: 23px; }
.summary-battlegrounds .name { float: left; }
.summary-battlegrounds .value { float: right; font-family: 'Arial Black', Verdana, Arial, sans-serif; font-weight: bold; font-size: 20px; }
.summary-battlegrounds li.rating .value { color: #9e3403; }
.summary-battlegrounds li.kills { padding-top: 7px; }
.summary-battlegrounds li.kills .value { color: white; }

/* recent activity */
.summary-bottom .profile-recentactivity { float: right; width: 333px; }

/* raid experience */
.block { width: 10px; height: 10px; margin-left: 20px; display: inline-block; margin-right: 3px; }
.completed { color: #5cc301; }
.completed .block { background: #5cc301; }
.in-progress { color: #fcff00; }
.in-progress .block { background: #fcff00; }
.normal .block { background: #232e06; }
.heroic .block { background: #1e2006; }
.summary-raid { padding-top: 30px; }
.summary-raid .tip { display: none; }
.summary-raid table .raid { color: #fff; font-weight: bold; text-shadow: 1px 1px #000; font-size: 14px; }
.summary-raid table .raid td { width: 60px; height: 70px; padding: 0; vertical-align: bottom; text-align: center; background: url("../../images/character/summary/raids.jpg") 0 -60px no-repeat; }
.summary-raid table .raid .nax { background-position: 0 10px; }
.summary-raid table .raid .os  { background-position: -60px 10px; }
.summary-raid table .raid .eoe { background-position: -120px 10px; }
.summary-raid table .raid .voa { background-position: -180px 10px; }
.summary-raid table .raid .uld { background-position: -240px 10px; }
.summary-raid table .raid .ony { background-position: -300px 10px; }
.summary-raid table .raid .toc { background-position: -360px 10px; }
.summary-raid table .raid .icc { background-position: -420px 10px; }
.summary-raid table .raid .rs  { background-position: -480px 10px; }
.summary-raid table tr.heroic,
.summary-raid table tr.normal { color: #fff; background: #1e2006; height: 30px; }
.summary-raid table tr.normal { background: #232e06; }
.summary-raid table td { padding: 5px; }
.summary-raid table td.spacer { width: 25px; padding: 0; margin: 0; background: none; }
.summary-raid table td.completed { background: #5cc301; height: 30px; cursor: help; }
.summary-raid table td.completed:hover { background: #8af52b; }
.summary-raid table td.in-progress { background: #fcff00; height: 30px; cursor: help; }
.summary-raid table td.in-progress:hover { background: #feff87; }
.summary-raid table tfoot td { text-align: center; padding: 10px 0; color: #fff; }
.summary-raid table thead .group { border-bottom: 1px solid #563623; border-left: 1px solid #331d10; border-right: 1px solid #331d10; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; }

/* arena */
.summary-arena { padding-top: 30px; }
.summary-arena h3 { font-size: 24px; }
.summary-arena .label,
.summary-arena .cell .label { color: #953203; font-weight: bold; }
.summary-arena .column { width: 205px; float: right; margin-left: 10px; background: #2a150b url("../../images/character/summary/arena-bg.jpg") 0 0 no-repeat; }
.summary-arena .column-stats { width: 205px; float: left; }
.summary-arena .column-stats h2 { font-size: 24px; color: #682b05; }
.summary-arena .column-stats .cell-bot { margin-top: 22px; padding: 5px 10px; }
.summary-arena .cell { margin-top: 20px; }
.summary-arena .cell strong { color: #fff; }
.summary-arena .cell-top { height: 100px; padding: 20px; }
.summary-arena .cell-top h2 { color: #fff; font-size: 36px; margin: -10px 0 0 0; font-weight: bold; }
.summary-arena .cell-mid { padding: 20px; }
.summary-arena .cell-mid .icon { margin: 3px 3px 0 0; }
.summary-arena .cell-bot { padding: 5px 20px; background: #231707; color: #ffd700; }
.summary-arena .cell-bot h3 { margin: -5px 0; }
.summary-arena .cell-bot.gold { background: #5d4804; }
.summary-arena .cell-bot.silver { background: #362e2b; color: #c0c0c0; }
.summary-arena .cell-bot.bronze { background: #3e2510; color: #cd7f32; }

/* last update */
.summary-lastupdate { color: #71401F; font-style: italic; padding-top: 3em; text-align: center; }